@keyframes slide-enter {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 100;
  }
}

@media (prefers-reduced-motion:no-preference) {
  html:not(.no-sliding) .slide-enter,
  html:not(.no-sliding) .slide-enter-content>* {
    --enter-stage: 0;
    --enter-step: 90ms;
    --enter-initial: 0ms;
    animation: slide-enter 1s both 1;
    animation-delay: calc(var(--enter-initial) + var(--enter-stage) * var(--enter-step))
  }

  each(range(20), {
    .slide-enter-content>*:nth-child(@{value}) {
      --enter-stage: @value !important;
    }
  });
}
